<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>顺风车管理</title>
		<link rel="stylesheet" href="${cxt }/css/iconfont.css" />
		<link rel="stylesheet" href="${cxt }/css/llp_basepage.css" />
		<link rel="stylesheet" href="${cxt }/css/llp_tan.css" />
		<script type="text/javascript" src="${cxt }/js/jquery-3.2.1.js" ></script>
		<script type="text/javascript" src="${cxt }/js/iconfont.js" ></script>
		<script type="text/javascript" src="${cxt }/js/llp_basicpage.js" ></script>
</head>
<script type="text/javascript">
$().ready(function() {
	//修改和添加信息
	$(".addbtn").click(function() {
		$(".cycdiv").css("display","block");
	});
	
	//弹出可以更改信息的框
	var width = $(window).width();
	var height = $(window).height();
	$(".cycdiv").css({
		"width":width,
		"height":height
	});
	$(".xcycdiv").css({
		"width":width,
		"height":height
	});
	//弹框的按钮点击事件
	$(".ctan").click(function(){
		$(".cycdiv").css("display","none");
	});
	
	
});

</script>
<body>
<div class="contentdiv">
	<div class="top">
		<i class="iconfont icon-jibenshezhi"></i>
		<span> 车辆管理</span>
	</div>
	<div class="center">
		<div class="centertop">
			<div>
				<input id="seltext"  type="text" value="" placeholder="请输入车牌号、还车门店或还车城市查询" />
			</div>
			<div>
				<input class="addbtn" type="button" value="+添加" />
			</div>
			<div>
				<input id="selbtn" type="button" value="查询" />
			</div>
		</div>

		<div class="centerbutt">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<th>车牌号</th>
					<th>系列名称</th>
					<th>价格</th>
					<th>状态</th>
					<th>取车城市</th>
					<th>取车门店</th>
					<th>还车城市</th>
					<th>还车门店</th>
					<th>开始取车时间</th>
					<th>截至取车时间</th>
					<th>限期</th>
					<th>限程</th>
					<th>操作</th>
				</tr>
			
				<c:forEach items="${hitchlst }" var="hitch">
				<tr>
					<td>${hitch.hitch_id }</td>
					<td>${hitch.carmodelname }</td>
					<td>${hitch.hitch_money }</td>
					<td>${hitch.hitch_status }</td>
					<td>${hitch.start_store_city }</td>
					<td>${hitch.start_store_name }</td>
					<td>${hitch.end_store_city }</td>
					<td>${hitch.end_store_name }</td>
					<td>${hitch.hitch_time }</td>
					<td>${hitch.hitch_return_time }</td>
					<td>${hitch.hitch_day }</td>
					<td>${hitch.hitch_miles }</td>
					<td>
						<input class="update" type="button" value="修 改" />
					</td>
				</tr>
				</c:forEach>
				
				
			</table>
		</div>
	</div>
	
	<div class="cycdiv">
			<div class="cycinner">
			    <p>添加信息</p>	
				<div class="cyccontent">
				<form action="addcar" method="post">
				车牌号:<input name="cph"/><br />
				系列名称:<select class="xlmc" name="xlmc">
						<option value="男">男</option>
						<option value="女">女</option>
						</select>
						<br/>
				价格:<input name="jg"/><br />
				状态:<select class="zt" name="zt">
						<option value="超级管理员">超级管理员</option>
						<option value="店长">店长</option>
						<option value="店员">店员</option>
						</select>
						<br/>
				取车城市:<input name="qccs"/><br />
				取车门店:<select class="qcmd" name="qcmd">
						<option value="在职">在职</option>
						<option value="离职">离职</option>
						</select>
						<br/>
				还车城市 :<input name="hccs"/><br />
				还车门店:<input name="hcmd"/><br />
				开始取车时间:<input name="ksqcsj"/><br />
				截至取车时间:<input name="jzqcsj"/><br />
				限期:<input name="xq"/><br />
				限程:<input name="xc"/><br />
				<input class="ctan" type="submit" value="确定"/>
				</form>
				</div>

			</div>
		</div>
		
		<div class="xcycdiv">
			<div class="cycinner">
			    <p>修改信息</p>	
				<div class="cyccontent">
				<form action="xgcar" method="post">
				车牌号:<input name="xcph"/><br />
				系列名称:<select class="xlmc" name="xlmc">
						<option value="男">男</option>
						<option value="女">女</option>
						</select>
						<br/>
				价格:<input name="xjg"/><br />
				状态:<select class="xzt" name="xzt">
						<option value="超级管理员">超级管理员</option>
						<option value="店长">店长</option>
						<option value="店员">店员</option>
						</select>
						<br/>
				取车城市:<input name="xqccs"/><br />
				取车门店:<select class="xqcmd" name="qcmd">
						<option value="在职">在职</option>
						<option value="离职">离职</option>
						</select>
						<br/>
				还车城市 :<input name="xhccs"/><br />
				还车门店:<input name="xhcmd"/><br />
				开始取车时间:<input name="xksqcsj"/><br />
				截至取车时间:<input name="xjzqcsj"/><br />
				限期:<input name="xxq"/><br />
				限程:<input name="xxc"/><br />
				<input class="xctan" type="submit" value="确定"/>
				</form>
				</div>

			</div>
		</div>

</div>
</body>
</html>